- Ejemplo de distribución -

  1. Secciones

  1. Apartado 1
  2. Apartado 2
  3. Apartado 3
  4. Apartado 4
  5. Apartado 5
  6. Apartado 6

Posicionamiento CSS


1. Aquí tiene un ejemplo de cómo puede utilizarse el posicionamiento de los dsitintos elementos para distribuir el contenido de la página sin necesidad de recurrir a tablas ni marcos, usando solamente propiedades de CSS.

2. La cabecera de la página se encuentra en una sección DIV con distrivución estática, ajustandose a las dimensiones que necesite el texto.

3. Los paneles que aparecen ajustados a los márgenes izquierdo y derecho tienen posicionamiento absoluto, igual que esta zona central dedicada al cuerpo del documento, si bien se ha usado una unidad de medida, el em, que hará posible que su visualización sea correcta incluso a pesar de que cambie el tamaó de la fuente, algo que no sería posible utilizando píxeles.

  1. Enlaces

  1. Enlace 1
  2. Enlace 2
  3. Enlace 3
  4. Enlace 4
  5. Enlace 5
  6. Enlace 6

Pie de página